{% extends "common/base.html" %}

{% block title %}详情 - {{ block.Super }}{% endblock %}

{% block wrapper %}
<style>
.main-box {
    margin-bottom: 0;
    margin: 15px;
}
.main-box .main-box-body {
    padding: 0;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        margin-bottom: 0;
    }
}
.sys-name {
    width: 160px !important;
}
</style>

<div class="main-box clearfix">
    <div class="main-box-body clearfix">
        <div class="table-responsive">
            <table class="table table-striped table-hover">
                <tbody>
                    <tr>
                        <td class="sys-name">
                            名称
                        </td>
                        <td class="sys-content">
                            {{ data.namesmall }}
                        </td>
                    </tr>
                    <tr>
                        <td class="sys-name">
                            路径
                        </td>
                        <td class="sys-content">
                            {{ file }}
                        </td>
                    </tr>
                    <tr>
                        <td class="sys-name">
                            大小
                        </td>
                        <td class="sys-content">
                            {{ data.size }}
                        </td>
                    </tr>
                    <tr>
                        <td class="sys-name">
                            修改时间
                        </td>
                        <td class="sys-content">
                            {{ data.time }}
                        </td>
                    </tr>
                    <tr>
                        <td class="sys-name">
                            类型
                        </td>
                        <td class="sys-content">
                            <i class="{{ faIcon(data.type) }}"></i>
                            
                            {{ data.type }}
                        </td>
                    </tr>
                    
                    <tr>
                        <td class="sys-name">
                            权限
                        </td>
                        <td class="sys-content">
                            {{ data.perm }} / {{ data.permInt }}
                        </td>
                    </tr>
                    <tr>
                        <td class="sys-name">
                            是否文件夹
                        </td>
                        <td class="sys-content">
                            {% if data.isDir %}
                                <span class="label label-success">是</span>
                            {% else %}
                                <span class="label label-default">否</span>
                            {% endif %}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}

{% block script %}{% endblock %}